<!DOCTYPE html>
<html>
<hade>
<meat charset="utf-8">
  <title>首页</title>
  <link rel="stylesheet" href="css/index.css">
</head>
<body>
<!---头部--->
<header>
    <div class="">
   <!---logo区域--->
   <div class="logo">
     <h1>C<em>a</em>lm</h1>
     <nav><span class="text">我的博客</span></nav>
 <nav>
   <ul>
     <li class="active" a href="#">首页</a></li>
     <li><a href="#">新闻</li>
     <li><a href="#">公告</li>
     <li><a href="#">联系</li>
  </ul>
 </nav>
</div >
</header>
<div class="dier">
<div class="boke">
<div class=" ">
欢迎来到我的博客
 </div>
</div>
<div class=" ">
记事本，日记，笔记，足迹，告示，活动
</div>
</div>
<div class="arctile">
<div class="">
记得联系我们
</div>
<div class="arc">
<ul>
<li>
  <i class="i confont icon-qq">QQ</i>
</li>
<li>
  <i class="i confont icon-wechat">wechat</i>
</li>
<li>
  <i class="i confont icon-weibo">weibo</i>
</li>
</ul>
</div>
</div>

<div class="content">
 <div class="unit">
<ul>
  <li>All</li>
  <li>图片</li>
  <li>语音</li>
  <li>文字</li>
  <li>视频</li>
</ul>
</div>
 <div class="list-box">
<table>

</table>
</div>
</div>
<!---尾部---->
<footer>
 <div class=""houmian>
 <div class="letf">



 </div>
 <div class="zhong1">

 </div>
 <div class="zhong2">

 </div>
 <div class="right">

 </div>
 </div>

</footer>
</body>
</html>
